<html>

<head>
<style type="text/css">
body {background: #ccc;}
table {background: #ccf;}
</style>

<script type="text/javascript" src="/ajaxmedia/jquery-1.2.6.min.js"></script>
<script>

   function update(){
      $.getJSON("/livepagejson/", 
                function(data){
                   jQuery.each(data, function(){
                      $("#note_"+this.pk).replaceWith('<td id="note_'+this.pk+'">' + this.val + '</td>')
                   })
                })
   }

   $(document).ready(function() {
      setInterval("update()", 1000)
   })
</script>
</head>

<body>
<table border="1" width="100%">
   {% for note in note_list %}
   <tr>
   <td>{{ note }}</td><td id="note_{{note.pk}}"></td>
   </tr>
   {% endfor %} 
</table>

</body>
</html>
